@charset "utf-8";
$color:#00b7ee;
.kv {
    margin-top: 17px;
}

.star {
    color: red;
}

.main {
    width: 100%;
    padding-top: 51px;
    .about_web {
        text-align: center;
        .about_box {
            display: inline-block;
            p {
                margin-top: -23px;
                background-color: white;
                padding: 0 20px;
                font-size: 14px;
                font-weight: bold;
            }
            span {
                font-size: 9px;
                font-weight: bold;
            }
        }
        hr {
            width: 340px;
            margin: 0 auto;
        }
    }
    .main_content {
        margin-top: 31px;
        font-size: 14px;
        .annotation {
            text-align: center;
            margin-bottom: 42px;
            p {
                font-size: 14px;
            }
        }
        .form {
            width: 654px;
            margin: 0 auto;
            .name {
                input {
                    width: 209px;
                    margin-left: 14px;
                    margin-right: 22px;
                }
            }
            .company,
            .psw1,
            .psw2,
            .email,
            .question {
                margin-top: 23px;
                input {
                    width: 209px;
                    margin-right: 22px;
                }
            }
            .safe {
                margin-top: 23px;
                select {
                    width: 167px;
                    margin-right: 23px;
                }
            }
            .sex {
                margin-top: 23px;
                input{
                    vertical-align: middle;
                }
                span {
                    margin-right: 28px;
                }
                label {
                    font-size: 12px;
                    vertical-align: middle;
                }
            }
            .code {
                margin-top: 23px;
                input {
                    margin-left: 14px;
                    width: 209px;
                    vertical-align: middle;
                }
                img {
                    vertical-align: middle;
                }
                span {
                    font-size: 12;
                    a {
                        color: red;
                    }
                }
            }
            .vip {
                margin-top: 23px;
            }
            .vip_text {
                width: 549px;
                font-size: 12px;
                margin-left: 6px;
                margin-top: 23px;
                padding: 13px 33px 12px 10px;
                border: 1px solid #9ac1c0;
            }
            .http {
                margin-top: 10px;
                margin-bottom: 34px;
                margin-left: 91px;
                span {
                    font-size: 12px;
                }
            }
            .register {
                button {
                    width: 121px;
                    height: 33px;
                    color: white;
                    margin: 0 auto;
                    font-size: 16px;
                    background-color: #6db6ff;
                    border: 1px solid #6db6ff;
                    border-radius: 3px;
                    text-align: center;
                    display: block;
                    &:hover {
                        background-color: #EEEEEE;
                        color: #6db6ff;
                    }
                }
            }
        }
    }
}